/*user agent*/
body {
  color: #333;
  height: 100vh;
  overflow: hidden;
  background-color: white;
  position: relative;
  font-size: 14px;
}
a:hover {
  cursor: pointer;
}
a:focus {
  outline-width: 0;
}
ul {
  list-style: none;
}
li {
  background-color: transparent;
}
/*
li:hover {
    background-color: #63B8FF;
}*/
h1 {
  font-size: 24px;
}
h2 {
  font-size: 22px;
}
h3 {
  font-size: 20px;
}
li,
input,
tr,
button {
  transition: background-color 0.2s;
}
input.ng-invalid.ng-dirty {
  border-color: red;
}
.glyphicon {
  color: #777;
}
/*bootstrap*/
.navbar {
  height: 50px;
  margin: 0;
  border: 0;
  border-radius: 0;
  background-color: white;
}
.navbar .nav > li > a {
  height: 50px;
  background-color: transparent!important;
  border: 1px solid transparent;
  line-height: 18px;
  color: #777;
}
.navbar .nav > li.active {
  background-color: #175199;
}
.navbar .nav > li.active a {
  color: white;
}
.navbar .nav > li.active:hover {
  background-color: #175199;
}
.navbar .nav > li.active:hover > a {
  background-color: #175199;
  color: white;
}
.navbar .nav > li:hover a {
  color: #175199;
  text-decoration: underline;
}
.navbar .nav > li > a:focus {
  border: 1px solid #66afe9;
}
.navbar .notification-bell {
  color: #777;
}
.navbar-brand {
  color: #175199;
}
.table {
  border-collapse: separate;
}
.table .glyphicon-thumbs-up {
  font-size: 4px;
}
.table-pagination {
  text-align: center;
}
.row {
  padding: 10px;
}
.col {
  padding: 8px 20px;
  display: flex;
  justify-content: space-between;
}
.col-adj {
  padding: 8px 20px;
  display: flex;
}
.control-label {
  min-width: 100px;
  font-size: 16px;
  padding: 6px 0;
}
.btn {
  background-image: none;
}
/*global*/
.alert-container {
  position: absolute;
  z-index: 9999;
  top: 0px;
  left: 20px;
  width: 100%;
}
.alert-container > .alert {
  width: 500px;
  margin: 10px auto 0;
  text-align: center;
}
.container-fluid {
  border-bottom: 1px solid #ddd;
}
.button-line {
  float: right;
}
.button-line button {
  min-width: 100px!important;
}
main.main {
  height: calc(100vh - 50px);
  position: absolute;
  top: 51px;
  left: 0;
  right: 0;
  overflow-x: hidden;
}
main.main .nav-panel {
  width: 300px;
  min-width: 300px;
  height: 100%;
  overflow-y: auto;
  background-color: transparent;
  transition: width 0.2s;
  border-right: 1px solid #ddd;
}
main.main .nav-panel.nav-panel-collapse {
  transition: width 0.2s;
  width: 30px;
  min-width: 30px;
  overflow: hidden;
  background-color: #f6f6f6;
}
main.main .nav-panel.nav-panel-collapse .nav-menu,
main.main .nav-panel.nav-panel-collapse .nav-info-container {
  visibility: hidden;
}
main.main .nav-panel .nav-menu-switch-container {
  text-align: right;
  padding: 6px 0;
}
main.main .nav-panel .nav-menu-switch-container > .nav-menu-switch {
  width: 30px;
  height: 30px;
  text-align: center;
}
main.main .nav-panel .nav-menu-switch-container > .nav-menu-switch:hover {
  cursor: pointer;
}
main.main .nav-panel .nav-menu {
  padding: 0;
}
main.main .nav-panel .nav-menu .nav-menu-item {
  min-height: 40px;
  line-height: 40px;
  background-color: transparent;
  position: relative;
}
main.main .nav-panel .nav-menu .nav-menu-item a {
  color: #175199;
}
main.main .nav-panel .nav-menu .nav-menu-item:focus > a {
  text-decoration: underline;
}
main.main .nav-panel .nav-menu .nav-menu-item > .nav-icon {
  position: absolute;
  font-size: 14px;
  right: 5px;
  padding: 0 10px;
  color: white;
}
main.main .nav-panel .nav-menu .nav-menu-item > .nav-child-link {
  padding-left: 40px;
}
main.main .nav-panel .nav-menu .nav-menu-item > .nav-link {
  padding-left: 20px;
}
main.main .nav-panel .nav-menu .nav-menu-item.active {
  background-color: #175199;
}
main.main .nav-panel .nav-menu .nav-menu-item.active > a {
  color: white;
}
main.main .nav-panel .nav-menu .nav-menu-item.active:hover {
  background-color: #175199;
}
main.main .nav-panel .nav-menu .nav-menu-item.active:hover > a {
  color: white;
}
main.main .nav-panel .nav-menu .nav-menu-item:hover {
  cursor: pointer;
}
main.main .nav-panel .nav-menu .nav-menu-item:hover > a {
  text-decoration: underline;
}
@media (max-width: 768px) {
  main.main .nav-panel {
    position: fixed;
    left: 0;
    top: 50px;
    z-index: 9999;
  }
}
.table-container {
  min-height: 500px;
  margin-top: 20px;
}
.table-container > .table-control {
  display: flex;
  justify-content: space-between;
  padding: 10px 20px;
}
.table-container > .table-control > .btn-group > .btn {
  background-image: none;
}
.table-container thead th {
  font-weight: 400;
  background-color: #e2e4e6;
  border-bottom: 0;
}
.table-container tbody {
  min-height: 500px;
}
.table-container > .table-body {
  padding: 0 20px;
}
.table-container > .table-body tbody .no-item-row {
  height: 300px;
  text-align: center;
}
.table-container > .table-body tbody .no-item-row td {
  padding: 150px;
}
.table-container > .table-body tbody .glyphicon {
  font-size: 14px;
  margin-left: 5px;
}
.table-container > .table-body tbody tr:nth-child(2n + 1) {
  background-color: #f8f8f9;
}
.table-container > .table-body tbody tr:nth-child(2n + 2) {
  background-color: #e2e4e6;
}
.table-container > .table-body tbody a {
  color: #175199;
}
.table-container > .table-body tbody > tr:hover {
  cursor: pointer;
}
.table-container > .table-body tbody > tr:hover a {
  text-decoration: underline;
}
.btn-row {
  padding-right: 30px;
  text-align: right;
}
.radio-wrapper {
  width: 18px;
  height: 18px;
  background-color: white;
  border-radius: 50%;
  border: 1.3px solid #cccccc;
}
.radio-wrapper > .radio-choosen.choosen {
  width: 4px;
  height: 4px;
  border: 1px solid #333;
  border-radius: 50%;
  background-color: #333;
  margin: 6px auto;
}
/*modal*/
.modal-header,
.modal-body,
.modal-footer {
  color: #333;
}
.modal-window {
  width: 800px;
  margin: 20px  auto;
}
.modal-cross,
.modal-plus {
  float: right;
}
.modal-cross:before,
.modal-plus:before {
  display: block;
}
.modal-cross:hover,
.modal-plus:hover {
  cursor: pointer;
  color: #777;
}
.modal-cross:before {
  content: '\2716';
}
.modal-plus:before {
  content: '\271A';
}
.date-range-container {
  display: flex;
  justify-content: space-around;
}
.date-range-container .date-picker-wrapper {
  display: flex;
}
.date-range-container .input-group-btn,
.date-range-container span {
  padding: 0;
}
.date-range-container .date-picker-input {
  width: 200px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
/*directives*/
.label-plain-text-container span,
.label-address span,
.label-input-text-container span,
.label-plain-text-container span,
.label-link-wrapper span,
.label-input-number-wrapper span,
.label-range-container span {
  color: #555;
}
.label-plain-text-container label,
.label-address label,
.label-input-text-container label,
.label-plain-text-container label,
.label-link-wrapper label,
.label-input-number-wrapper label,
.label-range-container label {
  font-weight: 600;
}
.editable-list label {
  font-weight: 600;
}
.checkbox-wrapper {
  position: relative;
  display: flex;
  align-items: center;
}
.checkbox-wrapper > .checkbox-view {
  position: relative;
  width: 18px;
  height: 18px;
  background-color: white;
  color: #333;
  border: 1.3px solid #cccccc;
}
.checkbox-wrapper > .checkbox-view:hover {
  cursor: pointer;
}
.checkbox-wrapper > .checkbox-view.selected:before {
  content: "\2713";
  position: absolute;
  top: 0;
  left: 3px;
  font-size: 13px;
  font-weight: 800;
}
.image-gallery {
  max-width: 50%;
}
.image-gallery .image-gallery-item-wrapper {
  position: relative;
}
.image-gallery .image-gallery-item-wrapper .image-gallery-hidder {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  font-size: 200px;
  opacity: 0.3;
}
.image-gallery .image-gallery-item-wrapper:hover .image-gallery-hidder {
  z-index: 1;
  background-color: #f8f8f9;
  opacity: 0.3;
  cursor: pointer;
}
.image-gallery .image-gallery-item-wrapper img {
  z-index: 0;
  max-width: 100%;
  max-height: 100%;
}
.image-list {
  display: flex;
  flex-wrap: wrap;
}
.image-list > .image-container-wrapper {
  width: 250px;
  height: 250px;
  padding: 5px;
  display: inline-block;
}
.image-list > .image-container-wrapper > .image-container {
  width: 240px;
  height: 240px;
  padding: 5px;
  border: 1px solid #ddd;
  background-color: #f8f8f9;
}
.image-list > .image-container-wrapper > .image-container > .image-container-content {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  background-color: white;
  text-align: center;
}
.image-list > .image-container-wrapper > .image-container > .image-container-content:hover {
  cursor: pointer;
}
.image-list > .image-container-wrapper > .image-container > .image-container-content .image-container-control {
  width: 100%;
  height: 100%;
  background-color: transparent;
  text-align: right;
  position: absolute;
  top: 0;
  right: 0;
  /*
                    >.image-zoom {
                        display: inline-block;
                    }*/
}
.image-list > .image-container-wrapper > .image-container > .image-container-content .image-container-control > .image-remove {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f8f8f9;
  opacity: 0;
  font-size: 80px;
  transition: opacity 0.2s;
}
.image-list > .image-container-wrapper > .image-container > .image-container-content .image-container-control > .image-remove:hover {
  opacity: 0.9;
  transition: opacity 0.2s;
}
.image-list > .image-container-wrapper > .image-container > .image-container-content .image-container-control .glyphicon {
  color: #333;
}
.image-list > .image-container-wrapper > .image-container > .image-container-content img {
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
}
.image-list > .image-container-wrapper > .image-container > .image-container-content span {
  max-width: 100%;
  max-height: 100%;
}
.image-list > .image-container-wrapper > .image-container > .image-container-content > .image-plus-wrapper {
  width: 100%;
}
.image-list > .image-container-wrapper > .image-container > .image-container-content > .image-plus-wrapper .glyphicon-plus {
  font-size: 80px;
  color: #333;
}
.image-list > .image-container-wrapper > .image-container > .image-container-content > .image-plus-wrapper:hover {
  cursor: pointer;
}
.range-container {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.range-container .range {
  padding-left: 15px;
  padding-right: 15px;
}
.address-container {
  width: 100%;
}
.address-container input {
  margin-right: 20px;
}
.address-container input:last-child {
  margin-right: 0;
}
.address-container .city-and-district-wrapper {
  display: flex;
  margin-bottom: 20px;
}
.number-range-container {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.number-range-container input {
  margin-right: 20px;
}
.number-range-container input:last-child {
  margin-right: 0;
}
.editable-list-container {
  display: flex;
}
.editable-list-container > ul {
  padding: 0;
  margin: 0;
}
.editable-list-container > ul > .editable-list-item {
  margin-right: 10px;
  margin-bottom: 5px;
}
#editableList {
  margin-top: 6px;
  width: 200px;
}
/*hotel*/
.content-container {
  width: 100%;
  height: 100%;
  display: flex;
}
.content-container > .content-panel {
  flex: 1 1 auto;
  height: 100%;
  overflow-x: hidden;
}
@media (max-width: 768px) {
  .content-container > .content-panel {
    margin-left: 30px;
  }
}
/*hotel_list*/
.create-hotel-container,
.create-banquet-container,
.hotel-info-container,
.banquet-container,
.create-feast-container,
.feast-container,
.table-container {
  max-width: 1000px;
  margin: 20px auto;
  padding: 20px 10px;
}
/*hotel detail*/
.hotels-detail-container {
  display: flex;
  height: 100%;
}
.hotel-detail-menu {
  display: flex;
  padding-left: 0;
}
.hotel-detail-menu > .hotel-detail-menu-item {
  min-width: 100px;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: 300;
  position: relative;
  text-align: center;
  border-bottom: 1px solid #777;
  margin-bottom: 2px;
}
.hotel-detail-menu > .hotel-detail-menu-item:hover {
  color: #175199;
  border-bottom: 3px solid #777;
  cursor: pointer;
  margin-bottom: 0;
}
.hotel-detail-menu > .hotel-detail-menu-item.active:before {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background-color: #175199;
  position: absolute;
  bottom: -3px;
  left: 0;
}
.hotel-basic-info-container {
  padding: 20px;
}
.banquet-hall-container > .banquet-hall-detail {
  padding: 20px;
}
.banquet-hall-container > .banquet-hall-detail.no-banquet-detail {
  text-align: center;
  margin: 20px;
}
.banquet-hall-container > .banquet-hall-list {
  padding: 20px;
  flex: 0 0 250px;
}
.banquet-hall-container > .banquet-hall-list ul.banquet-hall-list-container {
  padding-left: 0;
  display: flex;
}
.banquet-hall-container > .banquet-hall-list .banquet-hall-item-wrapper {
  width: 200px;
  padding: 6px;
  margin-bottom: 10px;
  margin-right: 10px;
  border: 1px solid #e2e4e6;
  border-radius: 4px;
  background-color: #f8f8f9;
  text-align: center;
  position: relative;
}
.banquet-hall-container > .banquet-hall-list .banquet-hall-item-wrapper:hover {
  background-color: #e2e4e6;
  color: #175199;
  cursor: pointer;
}
.banquet-hall-container > .banquet-hall-list .banquet-hall-item-wrapper .remove-banquet-wrapper,
.banquet-hall-container > .banquet-hall-list .banquet-hall-item-wrapper .add-banquet-wrapper {
  position: absolute;
  width: 20px;
  top: 2px;
  right: 10px;
  font-size: 20px;
  font-weight: 400;
}
.banquet-hall-container > .banquet-hall-list .banquet-hall-item-wrapper.active {
  background-color: #175199;
  color: white;
}
.banquet-hall-container > .banquet-hall-list .banquet-hall-item-wrapper.active:hover {
  background-color: #175199;
  color: white;
}
.banquet-hall-container > .banquet-hall-detail {
  flex: 1 1 auto;
}
/*hotel-comment*/
.hotel-comment-container {
  padding: 20px;
  height: 100%;
}
.hotel-comment-container .no-comment {
  margin: 100px;
  min-height: 100px;
  text-align: center;
  font-size: 24px;
  font-weight: 400;
}
.hotel-comment-container .hotel-comments {
  padding: 10px;
}
.hotel-comment-container .hotel-comments .hotel-comment-wrapper {
  margin: 5px;
  border-bottom: 1px solid #ccc;
}
.hotel-comment-container .hotel-comments .hotel-comment-wrapper .comment-header {
  display: flex;
  background-color: #175199;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  padding: 5px;
  font-size: 18px;
  color: white;
}
.hotel-comment-container .hotel-comments .hotel-comment-wrapper .comment-header .comment-author {
  padding-left: 10px;
  min-width: 100px;
}
.hotel-comment-container .hotel-comments .hotel-comment-wrapper .comment-header .comment-banquet {
  padding-left: 10px;
  flex: 1 1 auto;
  min-width: 100px;
}
.hotel-comment-container .hotel-comments .hotel-comment-wrapper .comment-header .comment-rating {
  padding-right: 10px;
  color: #E6E40E;
}
.hotel-comment-container .hotel-comments .hotel-comment-wrapper .comment-body {
  min-height: 100px;
  padding: 10px;
}
.hotel-comment-container .hotel-comments .hotel-comment-wrapper .comment-footer {
  text-align: right;
}
.hotel-comment-container .hotel-comments .hotel-comment-wrapper .comment-footer .comment-date {
  padding-right: 10px;
}
/*signin*/
.signin-board {
  width: 300px;
  padding: 100px 20px 80px;
  margin: 20vh auto 0 auto;
}
.signin-board .signin-info-container > input {
  border-radius: 0;
  height: 40px;
}
.signin-board .signin-info-container > input:nth-child(1 + n) {
  border-top: 0;
}
.signin-board .signin-info-container > input:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.signin-board .signin-info-container > input:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.signin-board > .btn-row {
  text-align: center;
  padding-right: 10px;
}
.signin-board > .btn-row > .btn {
  width: 100%;
}
/*ads*/
.full-content-container {
  max-width: 1000px;
  margin: 10px auto;
}
/*recommendation*/
.glyphicon.glyphicon-thumbs-up {
  margin-left: 5px;
  color: #3582e1;
}
.glyphicon.glyphicon-thumbs-up:hover {
  cursor: pointer;
}
.glyphicon.glyphicon-thumbs-up.inactive {
  color: #777;
}
.recommendation-image {
  max-width: 500px;
  max-height: 500px;
}
.recommendation-hotel-container {
  max-width: 1000px;
  margin: 0 auto;
  padding: 20px;
  height: 100%;
  display: flex;
  justify-content: space-between;
}
.recommendation-hotel-container .dndPlaceholder {
  height: 34px;
  background-color: #175199;
}
.recommendation-hotel-container .dndDraggingSource {
  display: none;
}
.recommendation-hotel-container .recommendation-item {
  padding: 6px 20px;
  height: 34px;
  line-height: 22px;
}
.recommendation-hotel-container .recommendation-item:nth-child(odd) {
  background-color: #f8f8f9;
}
.recommendation-hotel-container .recommendation-item:nth-child(even) {
  background-color: #e2e4e6;
}
.recommendation-hotel-container > .recommendation-candidate-container {
  width: 400px;
  min-width: 400px;
  max-width: 400px;
  height: 500px;
}
.recommendation-hotel-container > .recommendation-candidate-container > .recommendation-filter {
  width: 100%;
  height: 34px;
  padding: 6px;
}
.recommendation-hotel-container > .recommendation-candidate-container > .recommendation-filter:focus {
  outline-color: #175199;
}
.recommendation-hotel-container > .recommendation-candidate-container > .recommendation-candidate-wrapper {
  padding: 0;
  height: 442px;
  border: 1px solid #777;
  border-top: 0;
  overflow-y: scroll;
}
.recommendation-hotel-container > .recommendation-list-container {
  flex: 1 0 400px;
  margin-left: 20px;
  height: 500px;
}
.recommendation-hotel-container > .recommendation-list-container > .recommendation-wrapper {
  padding: 0;
  height: 476px;
  border: 1px solid #777;
  overflow-y: scroll;
}
/*order*/
.canceled {
  border-top-color: red;
  border-right-color: red;
  background-color: red;
}
.consulting {
  border-top-color: orange;
  border-right-color: orange;
  background-color: orange;
}
.reserved {
  border-top-color: yellow;
  border-right-color: yellow;
  background-color: yellow;
}
.feasted {
  border-top-color: green;
  border-right-color: green;
  background-color: green;
}
.cashback {
  border-top-color: cyan;
  border-right-color: cyan;
  background-color: cyan;
}
.to-be-reviewed {
  border-top-color: blue;
  border-right-color: blue;
  background-color: blue;
}
.done {
  border-top-color: purple;
  border-right-color: purple;
  background-color: purple;
}
.orders-container {
  height: 100%;
  background-color: transparent;
  display: flex;
}
.orders-container > .facet-group-container .facet-group-wrapper .little-box {
  position: absolute;
  top: 8px;
  right: 10px;
  width: 10px;
  height: 10px;
  float: right;
  border-radius: 50%;
}
.orders-container > .facet-group-container .facet-group-wrapper .facet-group-dropdown-menu {
  padding: 10px 0 10px 0;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  margin-top: 0;
  margin-bottom: 0;
}
.orders-container > .facet-group-container .facet-group-wrapper .facet-group-dropdown-menu .filter-name {
  color: #333;
  padding: 0 0 0 6px;
}
.orders-container > .facet-group-container .facet-group-wrapper .facet-filter-wrapper {
  position: relative;
  display: flex;
  padding: 5px 12px;
  color: #333;
}
.orders-container > .facet-group-container .facet-group-wrapper .facet-filter-wrapper:hover {
  cursor: pointer;
}
.orders-container > .facet-group-container .facet-group-wrapper .facet-group-name-wrapper {
  background-color: #175199;
  color: white;
  padding: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  cursor: pointer;
}
.orders-container > .facet-group-container .facet-group-wrapper .facet-group-name-wrapper .glyphicon {
  float: right;
  padding: 6px;
  font-size: 8px;
}
.orders-container > .facet-group-container .glyphicon-menu-down,
.orders-container > .facet-group-container .glyphicon-menu-left {
  color: white;
}
.orders-container > .search-result-container {
  height: 100%;
  background-color: white;
  padding: 10px 50px;
  overflow-y: scroll;
  flex: 1 1 auto;
}
.orders-container > .search-result-container .order-search-select {
  padding: 3px 6px;
}
.orders-container > .search-result-container .order-search-select:hover {
  cursor: pointer;
  background-color: #777;
}
.orders-container > .search-result-container .search-result-wrapper {
  padding-right: 40px;
}
.orders-container > .search-result-container .search-result-wrapper .search-result {
  position: relative;
  border: 1px solid #ddd;
  background-color: #f8f8f9;
  margin-bottom: 10px;
}
.orders-container > .search-result-container .search-result-wrapper .search-result h2,
.orders-container > .search-result-container .search-result-wrapper .search-result label {
  color: #555;
}
.orders-container > .search-result-container .search-result-wrapper .search-result a {
  color: #175199;
}
.orders-container > .search-result-container .search-result-wrapper .search-result .order-state {
  background-color: #f8f8f9;
}
.orders-container > .search-result-container .search-result-wrapper .search-result .order-state:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  border-top: 44px solid;
  border-left: 44px solid transparent;
  display: inline-block;
}
.orders-container > .search-result-container .search-result-wrapper .search-result .order-state.canceled:after {
  border-top-color: red;
}
.orders-container > .search-result-container .search-result-wrapper .search-result .order-state.consulting:after {
  border-top-color: orange;
}
.orders-container > .search-result-container .search-result-wrapper .search-result .order-state.reserved:after {
  border-top-color: yellow;
}
.orders-container > .search-result-container .search-result-wrapper .search-result .order-state.feasted:after {
  border-top-color: green;
}
.orders-container > .search-result-container .search-result-wrapper .search-result .order-state.cashback:after {
  border-top-color: cyan;
}
.orders-container > .search-result-container .search-result-wrapper .search-result .order-state.to-be-reviewed:after {
  border-top-color: blue;
}
.orders-container > .search-result-container .search-result-wrapper .search-result .order-state.done:after {
  border-top-color: purple;
}
.orders-container > .search-result-container .search-result-wrapper .search-result .order-result-row {
  padding: 0;
  margin: 0;
  position: relative;
}
.orders-container > .search-result-container .search-result-wrapper .search-result .order-result-row .order-number {
  display: inline-block;
  margin: 10px 0;
}
.orders-container > .search-result-container .search-result-wrapper .search-result .order-result-row .order-link {
  text-decoration: underline;
  font-size: 18px;
  margin-left: 10px;
}
.orders-container > .search-result-container .search-result-wrapper .search-result .col-md-6 {
  background-color: #f8f8f9;
}
.orders-container > .search-result-container .search-wrapper {
  width: 600px;
  margin: 10px auto;
  display: flex;
}
.orders-container > .search-result-container .search-wrapper .search-input {
  width: 80%;
  height: 40px;
  line-height: 40px;
  padding: 6px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.orders-container > .search-result-container .search-wrapper .search-input:focus {
  outline-color: rgba(0, 0, 0, 0);
}
.orders-container > .search-result-container .search-wrapper .search-button {
  width: 40px;
  min-width: 40px;
  max-width: 40px;
  padding: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  color: white;
}
.orders-container > .search-result-container .search-wrapper .search-button .glyphicon {
  color: white;
}
.orders-container > .search-result-container .search-wrapper .btn-search-select {
  width: 100px;
  height: 40px;
  padding: 6px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.orders-container > .search-result-container .search-wrapper .btn-search-select .caret {
  margin-left: 6px;
}
.orders-container > .search-result-container .search-wrapper .dropdown-menu {
  color: #333;
}
.orders-container > .search-result-container .search-wrapper .dropdown-menu li:hover {
  color: white;
}
.order-container {
  height: 100%;
  background-color: white;
  overflow-y: scroll;
}
.order-container .order-wrapper {
  color: #333;
  max-width: 1000px;
  margin: 20px auto;
  background-color: white;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.order-container .order-wrapper .order-title {
  padding: 20px 0 0 20px;
}
.order-container .order-wrapper .order-time .order-time-wrapper {
  text-align: right;
  padding-right: 20px;
}
.order-container .order-wrapper .order-line {
  padding-left: 20px;
}
.order-container .order-wrapper .candidate-container,
.order-container .order-wrapper .feastdata-container,
.order-container .order-wrapper .contract-line,
.order-container .order-wrapper .payment-line,
.order-container .order-wrapper .cashback-line {
  padding: 0 20px 20px;
}
.order-container .order-wrapper .candidate-container ul,
.order-container .order-wrapper .feastdata-container ul,
.order-container .order-wrapper .contract-line ul,
.order-container .order-wrapper .payment-line ul,
.order-container .order-wrapper .cashback-line ul {
  padding: 0;
}
.order-container .order-wrapper .save-button-line {
  text-align: right;
}
/*user*/
.user-container {
  max-width: 1000px;
  margin: 20px auto;
}
.user-container .row {
  display: flex;
}
/*cashback*/
.cashback-container {
  max-width: 1000px;
  margin: 20px auto;
}
/*notification*/
.notification-nav .notification-item {
  max-width: 300px;
  padding: 6px;
}
.notification-nav .notification-item > .from {
  text-align: right;
}
/*discount info*/
.discount-container {
  max-width: 1000px;
  margin: 0 auto;
  padding: 20px 10px;
}
.no-discount-wrapper {
  text-align: center;
  margin-top: 100px;
}
.discount-container .pagination-wrapper {
  text-align: center;
}
.discount-container .import-wrapper {
  margin-bottom: 10px;
  text-align: right;
}
.notification-container {
  max-width: 800px;
  margin: 20px auto;
  border-radius: 10px;
  text-align: center;
}
.notification-container .notification-list-wrapper {
  padding: 20px;
  padding-left: 20px;
  list-style: none;
}
.notification-container .notification-list-wrapper .notification-item-wrapper {
  background-color: white;
  color: #333;
  margin-bottom: 20px;
  padding: 20px;
  border-radius: 5px;
}
.notification-container .notification-list-wrapper .notification-item-wrapper .notification-message {
  margin-bottom: 20px;
  font-size: 16px;
}
.notification-container .notification-list-wrapper .notification-item-wrapper .notification-info {
  display: flex;
  justify-content: space-between;
  padding-left: 20px;
  padding-right: 20px;
}
.notification-container .notification-list-wrapper .notification-item-wrapper .notification-created-by span,
.notification-container .notification-list-wrapper .notification-item-wrapper .notification-created-time span {
  color: #777;
}
